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FIG. 2 
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FIG. 3 



<rootLayout> 
<region id="title"...> 

</region> 

<region ici="content"...> 
</region> 

<region id="caption"...> 

</region> 
</rootLayout> 
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FIG. 4 



<par> // FIRST QUESTION PART 
<image id="img1 -1 

vax="x=0;" ../> 
<image id="img1-2".../> 
<innage id="img1 -3".../> 
<image id="img1 -4".../> 
<text id="rightAnswer"... 
var="x=x+1 : " 
begin="img1 -1 .activateEvent" 

.../> 

<text id="wrong"... 

begin="img1 -2.activateEvent: 
imgl -3.activateEvent; 
imgl -4.activateEvent".../> 

</par> 

<par> // SECOND QUESTION PART 
<image id="img2-1' .../> 
<image id="img2— 2".../> 
<image id="img2-3".../> 
<image id="img2-4".../> 
<text id=''rightAnswer''... 
var="x=x+1: 

begin="img2-3.activateEvent" 
.../> 

<text id="wrong"... 

begin="img2-1 .activoteEvent; 

img2-2.activateEvent" 

img2-4.activateEvent".../> 
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FIG. 5 



<par> // FIRST QUESTION PART 

<text id="rightAnswer"... 
var="x=x+10: " 
begin="img1 -1 .activateEvent" 
.../> 

</par> 

<par> // SECOND QUESTION PART 

<text id="rightAnswer"... 
var="x=x+20; 
begin="img2-3.activateEvent" 



.../> 
</par> 
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FIG. 6 



<par> // FIRST QUESTION PART 

<text id="rightAnswer"... 
var="x=x+10;" 
begin="img1-1.activateEvent" 

.../> 

<text id="wrong"... 
var="x=x—5; 
begin="Img2.activateEvent; 
img3.activateEvent; 
img4.activateEvent".../> 

</par> 

<par> // SECOND QUESTION PART 

<text td="rightAnswer"... 
var=*'x=x+20;" 
begin="img2-3.activateEvent" 

.../> 

<text id="wrong"... 
var="x=x—S; 

begin=' ' img2- 1 .activateEivent; 

img2-2.activateEvent; 

img2-4.activateEvent".../> 



</par> 
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FIG. 7 



<par> // FIRST QUESTION PART 

<text id="rightAnswer"... 

var="count+-h; sum+ = 10:" 
begin="imq1 -1 .activateEvent" 
.../> 

</par> 

<par> // SECOND QUESTION PART 

<text id="rightAnswer"... 

var="count++: sum+=20:" 
begin="img2-3.activateEvent" 



.../> 
</par> 
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<par> // FINAL RESULTS 

<text id="good"... 

condition= ' 'sum>70 " .../> 
<text id="bad"... 

condition="sum<=70 ' '.../> 



</par> 
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FIG. 9 



<par> 

<text icl="inng1-l" 

va.T= "if ( activeEvent) ix+ + : / " 

-/> 

<image id="img1 -2".../> 
<image id="img1 -3".../> 
<image id="img1-4".../> 



</par> 




FIG. 10 



<img ... 

function^ "collisionf image 1 ) 
action="end" . . ./> 




FIG. 11 



<img ... 

function=''collisio7i/irnaae1 , 

imacie2) 
act'um="imaae3. begin '.../> 
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FIG. 14 
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